<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<title>订餐系统</title>
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">

	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="../js/jquery-2.1.1.min.js"></script>

	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="../bootstrap/js/bootstrap.min.js"></script>

	<!--datatables-->
	<link rel="stylesheet" type="text/css" href="../datatables/css/jquery.dataTables.css">
	<script type="text/javascript" language="javascript" src="../datatables/js/jquery.dataTables.js"></script>

	<script type="text/javascript">
		$(document).ready(function() {
			$('#example').dataTable( {
	             language: {
			        "sProcessing": "处理中...",
			        "sLengthMenu": "显示 _MENU_ 项结果",
			        "sZeroRecords": "没有匹配结果",
			        "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
			        "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
			        "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
			        "sInfoPostFix": "",
			        "sSearch": "搜索:",
			        "sUrl": "",
			        "sEmptyTable": "表中数据为空",
			        "sLoadingRecords": "载入中...",
			        "sInfoThousands": ",",
			        "oPaginate": {
			            "sFirst": "首页",
			            "sPrevious": "上页",
			            "sNext": "下页",
			            "sLast": "末页"
			        },
			        "oAria": {
			            "sSortAscending": ": 以升序排列此列",
			            "sSortDescending": ": 以降序排列此列"
			        }
			    }
	         } );
		} );
	</script>
	<!--datatables-->

	<meta charset="utf-8">
</head>
<body>
	<div id="all">
		<div id="head" class="col-md-10 col-md-offset-1" margin="center">
			<br>
			<!--<img src="../image/head1.jpg"/style="width:100%" class="img-rounded">-->
			<div class="page-header">
			  <h1>XX餐厅<small>点餐系统</small></h1>
			</div>
		</div>
		<div id="main">
			<div id="left" class="col-md-offset-1 col-md-2">
					<ul class="nav nav-pills nav-stacked nav-pills-stacked-example">
						<li>&nbsp;</li>
						<li>&nbsp;</li>
						<li>&nbsp;</li>
						<li>&nbsp;</li>
						<li>&nbsp;</li>
						<li class="active"><a href="#">点餐</a></li>
						<li><a href="#" data-toggle="modal" data-target="#myModal" >已点</a></li>
						<li>&nbsp;</li>
						<li>&nbsp;</li>
						<li><a href="../index.html">返回</a></li>

					</ul>
			</div>
			<div id="right" class="col-md-8">
				<form class="form-inline">
					<table id="example" class="display" cellspacing="0" width="100%">
				        <thead>
				            <tr>
				            	<th>#</th>
				                <th>中文名</th>
				                <th>英文名</th>
				                <th>单价</th>
				            </tr>
				        </thead>
				 
				        <tfoot>
				            <tr>
				            	<th>#</th>
				                <th>中文名</th>
				                <th>英文名</th>
				                <th>单价</th>
				            </tr>
				        </tfoot>
				 
				        <tbody>
				            <tr>
				            	<td><input type="checkbox" id="check" value="1"></td>
				                <td>Tiger Nixon</td>
				                <td>System Architect</td>
				                <td>Edinburgh</td>
				            </tr>
				            <tr>
				            	<td><input type="checkbox" id="check" value="1"></td>
				                <td>Garrett Winters</td>
				                <td>Accountant</td>
				                <td>Tokyo</td>
				            </tr>
				            <tr>
				            	<td><input type="checkbox" id="check" value="1"></td>
				                <td>Tiger Nixon</td>
				                <td>System Architect</td>
				                <td>Edinburgh</td>
				            </tr>
				            <tr>
				            	<td><input type="checkbox" id="check" value="1"></td>
				                <td>Garrett Winters</td>
				                <td>Accountant</td>
				                <td>Tokyo</td>
				            </tr><tr>
				            	<td><input type="checkbox" id="check" value="1"></td>
				                <td>Tiger Nixon</td>
				                <td>System Architect</td>
				                <td>Edinburgh</td>
				            </tr>
				            <tr>
				            	<td><input type="checkbox" id="check" value="1"></td>
				                <td>Garrett Winters</td>
				                <td>Accountant</td>
				                <td>Tokyo</td>
				            </tr>
				        </tbody>
			    	</table><br>
			    	<label for="table" class=" col-md-offset-5 control-label">桌号</label>
			    	<select class="form-control" >
						<option>1</option>
						<option>2</option>
						<option>3</option>
						<option>4</option>
						<option>5</option>
					</select>
						<button type="submit" class="btn btn-success">提交</button>
		    	</form>
			</div>
		</div>
	</div>
	<!-- Modal -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="myModalLabel">餐桌号</h4>
				</div>
				<form class="" action="already.html">
					<div class="modal-body">
							<select class="form-control">
								<option>1</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
								<option>5</option>
							</select>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						<input type="submit" class="btn btn-primary" value="确定"/>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>